<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Dự án làng nghề chàng sơn</title>

<link rel="stylesheet" type="text/css" href="css/etalage.css">
<!--Thư viện hiệu ứng animate-->
<link href="css/animate.min.css" rel="stylesheet" type="text/css">
<!--Thư viện icon font-awesome-->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!--Reset css về mặc định trên các trình duyệt-->
<link href="css/normalize.css" rel="stylesheet" type="text/css"/>
<!--Css dùng chung -->
<link href="css/reset.css" rel="stylesheet" type="text/css"/>

<!-- Css cho supperslides -->
<link rel="stylesheet" type="text/css" href="css/superslides.css">
<!-- Css cho jcarousellite -->
<link rel="stylesheet" type="text/css" href="css/nqh-carousel.css">
<!-- Css cho owl -->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" />
<link href="css/owl.theme.css" rel="stylesheet" type="text/css" />
<!--Css chính cho toàn trang -->
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<!--Jquery -->
<script src="js/jquery-1.11.1.js"></script>
<script src="https://apis.google.com/js/platform.js" async defer>
              {lang: 'vi'}
            </script>

</head>
<body>
<div id="fb-root"></div>
	<script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=818469638219622&version=v2.0";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

<header class="itq-header"> 
	<section class="all">
    	<figure class="logo">
        	<a href="#">
            	<img src="uploads/logo.png">
            </a>
        </figure>
    
    	<nav class="navigation">
        	<ul class="main">
            	<li class="main"> <a href="#" class="main">trang chủ</a></li>
                <li class="main"> <a href="#" class="main">giới thiệu</a>
                	
                	<ul class="child">
                    <section class="arrow"></section>
                    	<li class="child"><a href="#">làng mây tre đan</a></li>
                        <li class="child"><a href="#">làng lụa</a></li>
                        <li class="child"><a href="#">làng gốm</a></li>
                        <li class="child"><a href="#">làng trạm khắc</a></li>
                        <li class="child"><a href="#">làng mộc</a></li>
                    </ul>
                
                </li>
                <li class="main"> <a href="#" class="main"> sự kiện</a></li>
                <li class="main"> <a href="#" class="main">hội làng nghề</a>
                	
                </li>  
                <li class="main"> <a href="#" class="main">liên kết</a></li> 
                <li class="main"> <a href="#" class="main">Liên hệ</a></li> 
            </ul>
             <section class="seach">
        
                <form action="" method="get">
                    <input type="text" class="keyword" name="keyword" id="keyword" placeholder="Từ khóa tìm kiếm...">
                    <button type="submit" class="submit_seach" id="submit_seach"  >
                   
                    </button>
                </form>
            </section><!--seach-->
  		 </nav>
     </section>  <!-- .all -->  
</header><!-- .itq-header -->
<section class="clear"></section>
  
<section class="itq-wrapper">  
  <section class="itq-slider">
    	<section class="wrapper">
			<header>
				<h3>Làng nghề Chàng Sơn</h3>
				<p>Tinh hoa văn hoá Việt</p>
			</header>
        	<section id="slides">
				<section class="slides-container">
					<img src="uploads/slide-1.png" alt="" width="400">
					<img src="uploads/slide-1.png" alt="" width="400">
					<img src="uploads/slide-1.png" alt="" width="400">
					<img src="uploads/slide-1.png" alt="" width="400">
				</section>
			</section>
		</section>	
		<section class="clear"></section>
    </section><!-- .itq-slider -->
  <section class="clear"></section>
  <section class="itq-container">
    <section class="itq-content">
     	<section class="modul">
        	<header>
            	<h3>
                	SẢN PHẨM DOANH NGHIỆP   
                </h3>
                <p>
                	ĐỒ GỖ NỘI THẤT HÙNG PHÁT
                </p>
                <h1>
                	<a href="#"><img src="images/buy.png" ></a>
                </h1>
            </header>
            <section class="detail-product">
            	<section class="left-p">
                	<ul id="etalage">
                        <li>
                            <a href="optionallink.html">
                                <img class="etalage_thumb_image" src="uploads/pro-d-1.png" />
                                <img class="etalage_source_image" src="uploads/pro-d-1.png" />
                            </a>
                        </li>
                        <li>
                            <a href="optionallink.html">
                                <img class="etalage_thumb_image" src="uploads/pro-d-1.png" />
                                <img class="etalage_source_image" src="uploads/pro-d-1.png" />
                            </a>
                        </li>
                        <li>
                            <a href="optionallink.html">
                                <img class="etalage_thumb_image" src="uploads/pro-d-1.png" />
                                <img class="etalage_source_image" src="uploads/pro-d-1.png" />
                            </a>
                        </li>
                        
                    </ul>
                </section>
                <section class="right-p">
                	<p>
                    	Tên sản phẩm : Bàn ghế tiếp khách
                    </p>
                    <p>
                    	Chất liệu  : Gỗ Xoan
                    </p>
                    <p>
                    	Tên doanh nghiệp : Đồ gỗ nội thất Hùng Phát
                    </p>
                    <p>
                    	Bảo hành : 36 tháng
                    </p>
                    <p>
                    	Vân chuyển : <a href=" #">Dịch vụ vận chuyển</a>
                    </p>
                    <p>
                    	Trạng thái : Hiện có
                    </p>
                    <h3 class="gia">Giá : <span>Liên hệ</span></h3>
                    <section class="like-share">
                       <section class="fb-like"
                           data-href="https://developers.facebook.com/docs/plugins/" 
                           data-width="80px" 
                           data-layout="button_count" 
                           data-action="like" 
                           data-show-faces="true" 
                           data-share="true">
                           
                       </section>
                       <!-- Đặt thẻ này vào nơi bạn muốn nút chia sẻ kết xuất. -->
                      <!-- <div class="g-plus" data-action="share"></div>-->
                    </section>
                    <section class="intro">
                    	<p>
                        	Làng mộc Chàng Sơn thuộc huyện Gia Lâm, phía Đông Nam Hà Nội, phía Bắc giáp với làng cổ Bát Chàng, phía Tây giáp với quận Hoàng Mai có lịch sử hình thành lâu đời và cũng là một trong những trung tâm gốm nổi tiếng của cả nước
                        </p>
                    </section>
                </section>
				<!-- <header>
					<h3>Sản phẩm doanh nghiệp</h3>
				</header> -->
            </section><!-- .detail-product-->
            <section class="slide-pro">
				
				<ul class="owl-demo">
					<li class="item">
						<figure>
							<a href="#"><img src="uploads/slide-product-1.png" alt="Owl Image"></a>
							<figcaption>
								<p class="name-product">Tên sản phẩm : <span>Tủ đựng đồ</span></p>
								<p class="condition-product">Tình trạng : <span>Đặt hàng</span></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-product-2.png" alt="Owl Image">
							<figcaption>
								<p class="name-product">Tên sản phẩm : <span>Tủ đựng đồ</span></p>
								<p class="condition-product">Tình trạng : <span>Đặt hàng</span></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-product-3.png" alt="Owl Image">
							<figcaption>
								<p class="name-product">Tên sản phẩm : <span>Tủ đựng đồ</span></p>
								<p class="condition-product">Tình trạng : <span>Đặt hàng</span></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-product-1.png" alt="Owl Image">
							<figcaption>
								<p class="name-product">Tên sản phẩm : <span>Tủ đựng đồ</span></p>
								<p class="condition-product">Tình trạng : <span>Đặt hàng</span></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-product-2.png" alt="Owl Image">
							<figcaption>
								<p class="name-product">Tên sản phẩm : <span>Tủ đựng đồ</span></p>
								<p class="condition-product">Tình trạng : <span>Đặt hàng</span></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-product-3.png" alt="Owl Image">
							<figcaption>
								<p class="name-product">Tên sản phẩm : <span>Tủ đựng đồ</span></p>
								<p class="condition-product">Tình trạng : <span>Đặt hàng</span></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-product-1.png" alt="Owl Image">
							<figcaption>
								<p class="name-product">Tên sản phẩm : <span>Tủ đựng đồ</span></p>
								<p class="condition-product">Tình trạng : <span>Đặt hàng</span></p>
							</figcaption>
						</figure>
					</li>
				</ul>
            </section><!-- .slide-pro-->
            <section class="clear"></section>
        </section><!-- .itq-modul-->
        <section class="modul">
        	<header>
            	<h3>
                	SẢN PHẨM DOANH NGHIỆP   
                </h3>
               	<ul>
                	<li>
                    	<a href="#">HỘI LÀNG NGHỀ</a>
                    </li>
                    <li>
                    	<a href="#">CƠ CHẾ & QUY ĐỊNH</a>
                    </li>
                    <li>
                    	<a href="#">CƠ SỞ  HỘI LÀNG NGHỀ</a>
                    </li>
                    <li>
                    	<a href="#">THƯ VIỆN</a>
                    </li>
                 
                </ul>
            </header>
            <section class="index-detail-news">
            	<figure>
                	<img src="uploads/index-detail-news.png">
                </figure>
                <h3>
                	Làng mộc Chàng Sơn được coi là quê hương của các sản phẩm đồ gốm gia dụng của kinh thành Thăng Long xưa
                </h3>
                <p>
                	Làng mộc Chàng Sơn được coi là quê hương của các sản phẩm đồ gốm gia dụng của kinh thành Thăng Long xưa. Từ nguyên liệu đất làng, qua bàn tay tài hoa và khéo léo của các nghệ nhân đã tạo ra những sản phẩm đẹp và hữu ích cho đời sống hàng ngày.
Làng mộc Chàng Sơn thuộc huyện Gia Lâm, phía Đông Nam Hà Nội, phía Bắc giáp với làng cổ Bát Chàng, phía Tây giáp với quận Hoàng Mai có lịch sử hình thành lâu đời và cũng là một trong những trung tâm gốm nổi tiếng của cả nước.
                </p>
                <p>
                	Điểm đặc biệt của Làng mộc Chàng Sơn là các sản phẩm không quá Làng mộc Chàng Sơn được coi là quê hương của các sản phẩm đồ gốm gia dụng của kinh thành Thăng Long xưa. Từ nguyên liệu đất làng, qua bàn tay tài hoa và khéo léo của các nghệ nhân đã tạo ra những sản phẩm đẹp và hữu ích cho đời sống hàng ngày.
Làng mộc Chàng Sơn thuộc huyện Gia Lâm, phía Đông Nam Hà Nội, phía Bắc giáp với làng cổ Bát Chàng, phía Tây giáp với quận Hoàng Mai có lịch sử hình thành lâu đời và cũng là một trong những trung tâm gốm nổi tiếng của cả nước.
Điểm đặc biệt của Làng mộc Chàng Sơn là các sản phẩm không quá cầu kì về chi tiết mà tạo được sự tiện dụng, thoải mái cho người sử dụng. Các sản phẩm của làng gốm rất phong phú và đa dạng, từ những sản phẩm nhỏ như chiếc ống đựng tăm, chân nến đến những sản phẩm lớn như chậu trồng cây cảnh, bình đựng rượu, vại muối dưa
                </p>
            </section><!-- .index-detail-news-->
            <section class="list-p">
            
            </section><!-- .list-p-->
            
        </section><!-- .itq-modul-->
    </section><!-- .itq-content-->
    <aside class="itq-sidebar">
         <section class="block">
         	<header>
            	<h3>TIN TỨC LÀNG NGHỀ</h3>
            </header>
            <section class="index-list-news">
            	<ul>
                	<li>
                    	<figure>
                        	<a href="#"><img src="uploads/news-1.png"></a>
                        </figure>
                        <h3>
                        	<a href="#">Làng mộc Chàng Sơn được coi là quê hương của các sản phẩm đồ gốm ...</a>
                        </h3>
                         <p>
                        	<a href="#"><span>Xem tiếp</span><img src="images/next.png"></a>
                        </p
                        
                    </li>
                    <li>
                    	<figure>
                        	<a href="#"><img src="uploads/news-1.png"></a>
                        </figure>
                        <h3>
                        	<a href="#">Làng mộc Chàng Sơn được coi là quê hương của các sản phẩm đồ gốm ...</a>
                        </h3>
                         <p>
                        	<a href="#"><span>Xem tiếp</span><img src="images/next.png"></a>
                        </p
                        
                    </li>
                </ul>
                
                
            </section>
         </section><!-- .block -->
          <section class="block">
         	<header>
            	<h3>Quảng bá doanh nghiệp</h3>
            </header>
            <section class="company">
            	<ul>
                	<li>
                    	<figure>
                        	<a href="#"><img src="uploads/copany-1.png"></a>
                        </figure>
                        <h3>
                        	Đồ Gỗ Hùng Phát
                        </h3> 
                        <p>
                        	Địa chỉ : 156 Hùng Vương- Chàng Sơn - Thạch Thất
                        </p>
                        <p>
                        	SĐT : 0967 766 554
                        </p>
                    </li>
                    <li>
                    	<figure>
                        	<a href="#"><img src="uploads/copany-1.png"></a>
                        </figure>
                        <h3>
                        	Đồ Gỗ Hùng Phát
                        </h3> 
                        <p>
                        	Địa chỉ : 156 Hùng Vương- Chàng Sơn - Thạch Thất
                        </p>
                        <p>
                        	SĐT : 0967 766 554
                        </p>
                    </li>
                     <li>
                    	<figure>
                        	<a href="#"><img src="uploads/copany-1.png"></a>
                        </figure>
                        <h3>
                        	Đồ Gỗ Hùng Phát
                        </h3> 
                        <p>
                        	Địa chỉ : 156 Hùng Vương- Chàng Sơn - Thạch Thất
                        </p>
                        <p>
                        	SĐT : 0967 766 554
                        </p>
                    </li>
                </ul> 
                <p>
                    <a href="#"><span>Xem tiếp</span><img src="images/next.png"></a>
                </p
                
                
                
            </section>
         </section><!-- .block -->
          <section class="block">
         	<header>
            	<h3>video</h3>
            </header>
            <section class="index-list-news">
            	<ul>
                	<li>
                    	<figure>
                        	<iframe 
                            	width="296" 
                                height="200" 
                                src="//www.youtube.com/embed/i1NP05sFaq0" 
                                frameborder="0" 
                                allowfullscreen="">
                            </iframe>
                        </figure>
                        <h3>
                        	<a href="#">Làng mộc Chàng Sơn được coi là quê hương của các sản phẩm đồ gốm ...</a>
                        </h3>
                    </li>
                   
                </ul>
                
                
            </section>
         </section><!-- .block -->
     </aside><!-- .itq-sidebar -->
  </section><!-- .itq-container-->
  <section class="clear"></section>
</section><!-- .itq-wrapper -->

 <!--Slider footer-->
<section class="carousel">
	<ul>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
		  <li><img src="uploads/adv-1.png"></li>
		  <li><img src="uploads/adv-2.png"></li>
		  <li><img src="uploads/adv-3.png"></li>
	</ul>
</section>
   
<footer class="itq-footer">
	<section class="all">
		
      <section class="bottom-footer">
          <section class="wrapper-footer">
              <section class="dev">
                  <!-- <p>Copyright 2014 by: Royaldesign.vn - Design & Developer by: <a href="#">ITQ.VN</a></p> -->
					<ul class="ndt-hotline">
						<li>Làng nghề  chàng sơn</li>
						<li>
							<p>Địa chỉ:<span>xã Chàng Sơn - huyện Thạch Thất - Hà Nội</span></p>
						</li>
						<li>
							<p>
								Tel : 043 456 4323  -  043 345 6543 - 0987 743 332
							</p>
						</li>
						<li>
							<p>Email:<a href="#">langnghechangson@gmail.com </a></p>
						</li>
					</ul>
              </section>
              <nav>
                  <ul class="menu">
                      <li class="menu"><a href="#">TRANG CHỦ</a></li>
                      <li class="menu"><a href="#">GIỚI THIỆU</a></li>
                      <li class="menu"><a href="#">SỰ KIỆN</a></li>
                      <li class="menu"><a href="#">HỘI LÀNG NGHỀ</a></li>
                      <li class="menu"><a href="#">LIÊN KẾT</a></li>
                      <li class="menu"><a href="#">LIÊN HỆ</a></li>
                  </ul>
              </nav>
				<section class="ndt-authorities">
					<p class="itq-desgin">Bàn quyền thuộc về Làng nghề Chàng Sơn</p>
					<p>Đơn vị thiết kế - xây dựng website : itq.vn</p>
				</section>
          </section><!--end .wrapper-footer-->
      </section><!--end .bottom-footer-->
   </section>  <!-- .all --> 
</footer><!-- .itq-footer -->
  <section class="clear"></section>

<!-- NDT - Thư viện supperslides --> 
<script src="js/jquery.jcarousellite.min.js"></script>
<script src="js/supperslide/jquery.easing.1.3.js"></script>
 
<!--<script src="js/supperslide/jquery.animate-enhanced.min.js"></script>--> 

<script src="js/supperslide/hammer.min.js"></script> 
<script src="js/supperslide/jquery.superslides.min.js"></script> 
<script src="js/jcarousellite_1.0.1.min.js" type="text/javascript"></script>
<script src="js/supperslide/jquery.easing.1.3.js"></script>
<script src="js/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="js/supperslide/hammer.min.js"></script>
<script src="js/supperslide/jquery.superslides.min.js"></script>

<script src="js/jquery.etalage.min.js"></script>
<!-- Thư viện owl-->
<script src="js/owl/owl.carousel.min.js"></script>
<script>
	  $(document).ready(function(){
			
			 $('ul.main li.main').hover(function(e) {
			  $(this).find('ul.child').fadeIn('fast')
			     },function(e) {
			  $(this).find('ul.child').fadeOut('fast')
			});
			$(".carousel").jCarouselLite({
				auto: 5000,
				speed: 500,
				visible: 10
			});
			$('#etalage').etalage({
				thumb_image_width: 400,
				thumb_image_height: 280,
				source_image_width: 900,
				source_image_height: 1200,
				show_hint: false
				
			});	
		
		});
		
		
		
	  $(function() {
		$('#slides').superslides({
			<!-- hashchange: true -->
			play:7000,
			pagination:false,
			hashchange:false,
			auto: true,
			inherit_width_from:'.itq-slider',
			inherit_height_from:'.itq-slider'
		});
	  });
	  $(function() {
            $(".nonCircular .nqh-carousel").jCarouselLite({
                btnNext: ".nonCircular .next",
                btnPrev: ".nonCircular .prev",
                circular: true
            });
        });
		$(function(){
			$(".owl-demo").owlCarousel({
			autoPlay: 5000, //Set AutoPlay to 3 seconds
			items : 3,
			itemsDesktop : [1199,3],
			itemsDesktopSmall : [979,3]
			});
		});
</script>
</body>
</html>